<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=0.8, maximum-scale=0.8, user-scalable=no">

	<title>WPDemoBuilder - login</title>

	<!-- Google Font: Titilium Web -->
	<link href='http://fonts.googleapis.com/css?family=Titillium+Web:100,500,400,200,300,600,700,900' rel='stylesheet' type='text/css'>

	<!-- Normalize CSS -->
    <link rel="stylesheet" href="http://www.wpdemobuilder.com/cpanel/assets/3rd-party/normalize/normalize.css?version=1.3.2">

	<link rel="stylesheet" href="http://www.wpdemobuilder.com/cpanel/assets/3rd-party/bootstrap/css/bootstrap.min.css?version=1.3.2">
	<link rel="stylesheet" href="http://www.wpdemobuilder.com/cpanel/assets/wpdb/customer/css/base.css?version=1.3.2" />
	<link rel="stylesheet" href="http://www.wpdemobuilder.com/cpanel/assets/3rd-party/font-awesome/css/font-awesome.min.css?version=1.3.2">
<link rel="stylesheet" href="http://www.wpdemobuilder.com/cpanel/assets/wpdb/common/css/wpdb-loadingmodal.css?version=1.3.2"/>
<link rel="stylesheet" href="http://www.wpdemobuilder.com/cpanel/assets/wpdb/customer/css/login.css?version=1.3.2">
</head>

<body>
	<!-- BEGIN PAGE CONTENT -->
<div class="bg">
	<div class="pan fade-out"></div>
</div>

<div class="pane pane-mask"></div>
<div class="pane-wrapper fade-out">
	<div class="pane-flipper non-flipped">
		<div class="pane pane-login">
			<div class="pane-header">
				<!--&nbsp; wp<b>demobuilder</b>.com<sup>&reg;</sup>-->
				Hey, welcome back <i class="fa fa-smile-o"></i> !
			</div>
			<div class="pane-body">
				<form id="login-form">
					<input name="_token" type="hidden" value="mw1mxuTFrnjzZrmnx5rozlMrBJ9m5G76i0j25PEE">
					<div class="form-group">
						<label for="username" class="input-icon"> <span
							class="glyphicon glyphicon-user"></span>
						</label> <input id="username" name="email" class="form-input"
							type="text" value="" placeholder="Email Or Username">
					</div>
					<div class="form-group">
						<label for="password" class="input-icon"> <span
							class="glyphicon glyphicon-lock"></span>
						</label> <input id="password" name="password" class="form-input"
							type="password" placeholder="Password">
					</div>
					<div class="form-message login-message hide"></div>
					<div class="form-group">
						<button class="btn btn-block form-submit form-login">Login</button>
													<button type="button" class="btn btn-block form-submit login-facebook" onclick="WPDBFaceBookLogin();"><span class="fa fa-facebook fa-lg"></span> &nbsp; &nbsp; &nbsp;Login with Facebook</button>
												
					</div>
				</form>
			</div>
			<div class="pane-footer">
				<a class="form-link" href="#register">REGISTER</a>
				<a class="form-link" href="#forgot">FORGOT PASSWORD?</a>
			</div>
		</div>
		<div class="pane pane-register">
			<div class="pane-header">
				Here the first time?
			</div>
			<div class="pane-body">
									<button type="button" class="social-signup-btn form-submit signup-facebook" onclick="WPDBFaceBookSignUp();">
						<span class="fa fa-facebook fa-lg"></span> &nbsp; &nbsp; &nbsp;
						Signup with Facebook</button>
													<button type="button" class="social-signup-btn form-submit signup-linkedin" id="btn-linkedid-87">
						<span class="fa fa-linkedin fa-lg"></span> &nbsp; &nbsp; &nbsp;
						Signup with LinkedIn</button>
					<span id="linkedin-87"><script type="IN/Login"></script></span>
								<div class="social-signup-divider">OR</div>
				<form id="register-form">
					<input type="hidden" name="_token" value="" id="reg_token">
					<div class="form-group">
						<label for="reg_email" class="input-icon"> <span
							class="glyphicon glyphicon-envelope"></span>
						</label> <input id="reg_email" class="form-input"
							name="customer_email" type="text" placeholder="Email Address">
					</div>
					<div class="form-group">
						<label for="reg_username" class="input-icon"> <span
							class="glyphicon glyphicon-user"></span>
						</label> <input id="reg_username" class="form-input"
							name="customer_username" type="text" placeholder="Username">
					</div>					
					<div class="form-message register-message hide"></div>
					<div class="form-group">
						<button class="btn btn-block form-submit form-register">Create a free account</button>
					</div>
				</form>
			</div>
			<div class="pane-footer">
				<a class="form-link" href="#">LOGIN</a>
			</div>
		</div>
		<div class="pane pane-forgot">
			<div class="pane-header">Password Recovery</div>

			<div class="pane-body">
			    				<form id="forgot-password-form" style="margin-top: 10px;">
					<input type="hidden" name="_token" value="" id="reg_token">
					<div class="form-group">
						<label for="recover_email" class="input-icon"> <span
							class="glyphicon glyphicon-user"></span>
						</label> <input id="recover_email" class="form-input"
							name="recover_email" type="text" placeholder="Email Address">
					</div>
					<div class="form-message forgot-password-message hide"></div>
					<div class="form-group">
						<button class="btn btn-block form-submit form-reset-password">Reset
							My Password</button>
					</div>
				</form>
			</div>
			<div class="pane-footer">
				<a class="form-link" href="#">LOGIN</a>
			</div>
		</div>
	</div>
</div>
	<!-- END PAGE CONTENT -->

	<!-- jQuery -->
	<script type="text/javascript" src="http://www.wpdemobuilder.com/cpanel/assets/wpdb/common/js/jquery/jquery.js?version=1.3.2"></script>

	<script type="text/javascript" src="http://www.wpdemobuilder.com/cpanel/assets/3rd-party/bootstrap/js/bootstrap.min.js?version=1.3.2"></script>
	<script type="text/javascript" src="http://www.wpdemobuilder.com/cpanel/assets/wpdb/customer/js/base.js?version=1.3.2"></script>
	<!-- jQuery UI -->
	<script type="text/javascript" src="http://www.wpdemobuilder.com/cpanel/assets/3rd-party/jquery-ui/js/jquery-ui-1.10.4.min.js?version=1.3.2"></script>
<script type="text/javascript"> var root_url = 'http://www.wpdemobuilder.com/cpanel';</script>
<script type="text/javascript" src="http://www.wpdemobuilder.com/cpanel/assets/wpdb/common/js/wpdb-loadingmodal.js?version=1.3.2"></script>
<script type="text/javascript" src="http://www.wpdemobuilder.com/cpanel/assets/wpdb/customer/js/login.js"></script>
<script type="text/javascript">
(function($){
	$(document).ready(function ()
	{
		$("#linkedin-87").hide();
	});

	$(window).load(function ()
	{
		$( "#btn-linkedid-87" ).click(function() {	
			$(".IN-widget").children().children().trigger('click');
		});
	});
})(jQuery);
</script>	
<script type="text/javascript" src="http://www.wpdemobuilder.com/cpanel/assets/wpdb/customer/js/linkedin_api.js"></script>
<script type="text/javascript" src="http://www.wpdemobuilder.com/cpanel/assets/wpdb/customer/js/linkedin.js"></script>
<script type="text/javascript">
	var WPDBLinkedIn;
	(function($) {
		$(document).ready(function() {
			WPDBLinkedIn = new $.WPDBLinkedIn({rootURL: "http://www.wpdemobuilder.com/cpanel"});
			WPDBLinkedIn.initialize();
		});
	})(jQuery);
</script>

<script type="text/javascript" src="https://platform.linkedin.com/in.js?async=true"></script>

<script type="text/javascript">
    IN.init({
    	  api_key: "75axq4zk2uugtx",
    	  onLoad: "WPDBOnLinkedInLoad",
    	  authorize: true,
    });
</script>
	
<script type="text/javascript" src="http://www.wpdemobuilder.com/cpanel/assets/wpdb/customer/js/facebook.js"></script>
<script type="text/javascript">
	var WPDBFaceBook;
	(function($) {
		$(document).ready(function() {
			WPDBFaceBook = new $.WPDBFaceBook({rootURL: "http://www.wpdemobuilder.com/cpanel"});
			WPDBFaceBook.initialize();
		});
	})(jQuery);
</script>
<script type="text/javascript">
	var facebookAppId = '587405958023318';
	window.fbAsyncInit = function() {
		FB.init({
			appId : facebookAppId, // App ID
			channelUrl : '', // Channel File
			status : true, // check login status
			cookie : true, // enable cookies to allow the server to access the session
			xfbml : true
		// parse XFBML
		});
	};

	function WPDBFaceBookSignUp() {

		FB.getLoginStatus(function(r) {

			if (r.status === 'connected') {
				WPDBFaceBook.facebookSignUp(r);
			} else {
				FB.login(function(response) {
					if (response.authResponse) {
						WPDBFaceBook.facebookSignUp(response);
					} else {
						// user is not logged in
					}
				}, {
					scope : 'email'
				}); // which data to access from user profile
			}
		});
	}

	function WPDBFaceBookLogin() {

		FB.getLoginStatus(function(r) {

			if (r.status === 'connected') {
				WPDBFaceBook.facebookLogin(r);
			} else {
				FB.login(function(response) {
					if (response.authResponse) {
						WPDBFaceBook.facebookLogin(response);
					} else {
						// user is not logged in
					}
				}, {
					scope : 'email'
				}); // which data to access from user profile
			}
		});
	}
	
	(function(d) {
		var js, id = 'facebook-jssdk-87', ref = d.getElementsByTagName('script')[0];
		if (d.getElementById(id))
		{
			return;
		}
		js = d.createElement('script');
		js.id = id;
		js.async = true;
		js.src = "//connect.facebook.net/en_US/all.js";
		ref.parentNode.insertBefore(js, ref);
	}(document));
</script>	
</body>
</html>